body {
  background: #F0F0F0;
}
body .col-xs-1,
body .col-sm-1,
body .col-md-1,
body .col-lg-1,
body .col-xs-2,
body .col-sm-2,
body .col-md-2,
body .col-lg-2,
body .col-xs-3,
body .col-sm-3,
body .col-md-3,
body .col-lg-3,
body .col-xs-4,
body .col-sm-4,
body .col-md-4,
body .col-lg-4,
body .col-xs-5,
body .col-sm-5,
body .col-md-5,
body .col-lg-5,
body .col-xs-6,
body .col-sm-6,
body .col-md-6,
body .col-lg-6,
body .col-xs-7,
body .col-sm-7,
body .col-md-7,
body .col-lg-7,
body .col-xs-8,
body .col-sm-8,
body .col-md-8,
body .col-lg-8,
body .col-xs-9,
body .col-sm-9,
body .col-md-9,
body .col-lg-9,
body .col-xs-10,
body .col-sm-10,
body .col-md-10,
body .col-lg-10,
body .col-xs-11,
body .col-sm-11,
body .col-md-11,
body .col-lg-11,
body .col-xs-12,
body .col-sm-12,
body .col-md-12,
body .col-lg-12 {
  padding-right: 0;
}
body .row {
  margin: 0;
  margin-top: 10px;
}
body .row .dynamic {
  height: 415px;
  background: #fff;
}
body .row .dynamic .dynamicTop {
  height: 54px;
  margin-bottom: 15px;
}
body .row .dynamic .dynamicTop .dynamicName,
body .row .dynamic .dynamicTop .dynamicMore {
  margin: 20px 10px 0 0;
  height: 35px;
  width: 75px;
  font-size: 16px;
  color: #333;
  text-align: center;
  border-bottom: 2px solid #FF0000;
  line-height: 35px;
  float: left;
}
body .row .dynamic .dynamicTop .dynamicMore {
  float: right;
  font-size: 14px;
  color: #666;
  width: 60px;
  margin: 20px 10px 0 0;
  border: none;
}
body .row .dynamic .dynamicTop .dynamicMore:hover {
  text-decoration: none;
}
body .row .dynamic hr {
  width: 100%;
  margin-bottom: 0;
}
body .row .dynamic .dynamicList {
  margin: 10px 0 0 20px;
}
body .row .dynamic .dynamicList li {
  width: 100%;
  list-style: none;
  height: 30px;
  line-height: 30px;
  margin-left: 20px;
  font-size: 14px;
}
body .row .dynamic .dynamicList li .dynamicListText {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body .row .dynamic .dynamicList li .dynamicTime {
  margin-right: -10px;
  font-size: 12px;
  color: #999;
}
body .row .dynamic .dynamicList li .dynamicXQ {
  color: #ff1744 ;
  cursor: pointer;
}
body .row .dynamic .dynamicList li:hover {
  background: #e8e8e8;
}
body .row .MyNew {
  background: #f0f0f0;
}
body .row .MyNew .Myrecord {
  height: 202px;
  background: #fff;
  margin-bottom: 10px;
}
body .row .MyNew .Myrecord .dynamicName {
  border: none;
}
body .row .MyNew .Myrecord .dynamicList li {
  margin-left: -10px;
}
body .row .MyNew .record .recordText {
  height: 20px;
  margin-top: 10px;
  color: #999;
}
body .row .MyNew .record .recordText span {
  font-size: 12px;
}
body .row .MyNew .record .dynamicList {
  margin-top: 30px;
}
body .row .task {
  width: 24%;
  margin-left: 8px;
  height: auto;
  margin-top: 10px;
}
body .row .task .dynamicTop .dynamicName {
  border: none;
}
body .row .task hr {
  margin-bottom: 15px;
}
body .row .task .taskList {
  height: 120px;
  border: 1px solid #ddd;
  margin-left: 3.5%;
  margin-bottom: 15px;
}
body .row .task .taskList .taskListImg {
  margin-left: -30px;
  height: 100%;
}
body .row .task .taskList .taskListName {
  margin-top: 10px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body .row .task .taskList .taskListT {
  font-size: 12px;
  color: #999;
}
body .row .task .taskList .taskListBtn {
  height: 25px;
  width: 85px;
  text-align: center;
  line-height: 25px;
  border: 1px solid #FF0000;
}
body .row .task .taskList .taskListBtn a {
  color: #FF0000 !important;
  text-decoration: none;
}
body .shareDynamic {
  background: #fff;
}
body .shareDynamic button {
  height: 40px;
  background: #ff3030;
  border: none;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 41px;
  display: block;
  float: left;
  padding: 0 20px;
}
body .shareDynamic .shareDynamicName {
  font-size: 16px;
  color: #333;
  margin: 20px 10px;
}
body .shareDynamic ul:after {
  display: block;
  content: "";
  clear: both;
}
body .shareDynamic ul li {
  float: left;
  height: 25px;
  width: 85px;
  text-align: center;
  line-height: 25px;
  border: 1px solid #FF0000;
  color: #FF0000;
  margin-right: 10px;
}
body .shareDynamic .shareDynamicT {
  border: none;
  margin-bottom: 80px;
}
body .shareDynamic .shareDynamicT tbody tr td:first-child,
body .shareDynamic .shareDynamicT tbody tr td:last-child {
  color: #999;
}
body .shareDynamic .shareDynamicT tr td {
  border: none;
  text-align: center;
  font-size: 14px;
  color: #333;
  height: 50px;
  line-height: 50px;
}
.userInfo .shareDynamic > button {
  height: 40px;
  background: #ff3030;
  border: none;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 41px;
  display: block;
  padding: 0 20px;
  clear: both;
}
.userInfo .shareDynamicName:after {
  display: block;
  content: "";
  clear: both;
}
.userInfo .shareDynamicName input {
  height: 40px;
  width: 265px;
  background: #f7f7f7;
  border: 1px solid #eee;
  outline: none;
  text-indent: 15px;
  color: #999;
  font-size: 12px;
  display: block;
  float: left;
  border-right: none;
}
.userInfo .shareDynamicName button {
  height: 40px;
  background: #ff3030;
  border: none;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 41px;
  display: block;
  float: left;
  padding: 0 20px;
}
.userInfo .shareDynamicName .fr {
  float: right;
  margin-left: 20px;
}
.userInfo .fr {
  float: right;
  border-left: 1px solid #999;
  padding-left: 6%;
}
.userInfo .fr button {
  height: 40px;
  background: #ff3030;
  border: none;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 41px;
  display: block;
  float: left;
  padding: 0 20px;
}
.userInfo .fr input {
  float: left;
}
.userInfo form.fr {
  float: left;
}
.userInfo form.fr span {
  float: left;
  width: 49%;
}
.userInfo form.fr input {
  width: 51%;
}
.userInfo h1 {
  font-size: 16px;
  color: #333;
}
.userInfo form {
  width: 42%;
}
.userInfo form h1 {
  line-height: 40px;
  margin-bottom: 20px;
}
.userInfo .fl {
  float: left;
}
.userInfo .input {
  height: 40px;
  margin-bottom: 20px;
}
.userInfo .input input {
  height: 40px;
  width: 265px;
}
.userInfo .input span {
  line-height: 40px;
  display: inline-block;
  width: 6em;
}
.userInfo .input a {
  color: #FF0000;
  line-height: 40px;
}
.servicebg {
  background: #FFFFFF;
  width: 1160px;
  padding: 40px 0;
}
.service table {
  width: 1044px;
  margin: 0 auto;
}
.service td img {
  width: 80%;
}
.service .chatBox {
  width: 812px;
  height: 490px;
}
.service .logo {
  width: 232px;
  height: 200px;
}
.service .question {
  width: 232px;
  height: 290px;
}
.service .inputBox {
  height: 80px;
}
.service .inputBox textarea {
  height: 60px;
  display: block;
  width: 100%;
  border: none;
  resize: none;
  outline: none;
}
.service .inputBox button {
  height: 20px;
  background: #ff3030;
  border: none;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 20px;
  display: block;
  padding: 0 20px;
  float: right;
}
.card ul li button {
  height: 40px;
  background: #ff3030;
  border: none;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  display: block;
  padding: 0 20px;
}
.card .shareDynamic ul {
  width: 660px;
  margin: 0 auto;
}
.card .shareDynamic ul:after {
  display: block;
  content: "";
  clear: both;
}
.card .shareDynamic ul li {
  width: 220px;
  float: left;
  height: 40px;
  border: none;
  margin: 0;
}
.card p {
  line-height: 40px;
}
.card h1 {
  font-size: 20px;
  float: left;
}
.card button {
  height: 40px;
  background: #ff3030;
  border: none;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  display: block;
  padding: 0 20px;
  margin: 0 auto;
  outline: none;
}
.third {
  display: none;
  width: 400px;
  margin: 0 auto;
}
.second {
  display: none;
  width: 400px;
  margin: 0 auto;
}
.second input {
  height: 40px;
}
.second button {
  display: inline-block;
}
.authority .shareDynamic {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.authority table {
  width: 100%;
  text-align: center;
  line-height: 40px;
}
.authority th {
  text-align: center;
}
.authority .imgBox {
  width: 80%;
  margin: 0 auto;
}
.authority .imgBox img {
  width: 100%;
}
#area select {
  width: 33.33333333%;
}
